$(document).ready(function () {

    initSubMenu();
    queryTable();


    layui.use(function () {

        var layer = layui.layer;

        // 表格
        form = layui.form;
        form.on('select(needCharge)', function (data) {//监听是否充电查询条件下拉
            $('div[lay-filter="search"]').click();
        });

        layui.laydate.render({
            elem: "#input-date",
            range: true,
        });

        form.on('submit(search)', function (data) {//监听查询提交

            if ( data.field.date != '') {
                params.begin =  data.field.date.split(' - ')[0]
                params.end =  data.field.date.split(' - ')[1]
            }else{
                params.begin = ''
                params.end =  ''
            }
            params.name = data.field.name;

            params.pageSize = 10;
            queryTable()
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });

    });
})
var params = {};//查询条件参数
var form, unit;
var drawer;//抽屉实例
var curId = null;//当前选中物资ID

//查询物资类型列表
queryTable = () => {
    let toolWidth = window.innerWidth / 1920 * 240
    layui.use('table', function () {
        var table = layui.table;

        //展示已知数据
        table.render({
            elem: '#table'
            , text: {
                none: '暂无数据'
            }
            , method: 'get'
            , url: ajaxPrefix() + "/sign/record/list"
            , headers: {
                SessionId: JSON.parse(localStorage.getItem('sessionId'))
            }
            , where: params
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.status == 200 ? 0 : 1, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.result.total, //解析数据长度
                    "data": res.result.data //解析数据列表
                };
            }
            , request: {
                pageName: 'pageNum' //页码的参数名称，默认：page
                ,
                limitName: 'pageSize' //每页数据量的参数名，默认：limit
            }
            , cols: [[ //标题栏
                {
                    field: 'photoPath', title: '人员头像', align: "center"
                    , templet: function (d) {

                        if (d.photoPath) {
                            return `<img title="查看" onclick=showPhoto("${d.photoPath}") src="/images/${d.photoPath}"
                              style="width: 0.4rem;height: 0.4rem;cursor: pointer;">`
                        } else {
                            return `<img title="暂未上传" onclick=showPhoto() src="../static/img/photo.png"
                             style="width: 0.4rem;height: 0.4rem;cursor: pointer;">`
                        }
                    },
                }
                , { field: 'personName', title: '姓名', align: "center" }
                , { field: 'signTime', title: '打卡时间', align: "center" }
            ]]
            , height: 'full'
            // ,skin: 'line' //表格风格
            , even: true
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 3 //只显示 1 个连续页码
                , first: false //不显示首页
                , last: false //不显示尾页

            }
            , done: function (res, curr, count) {

                $('.layui-table-cell').height($('.contain-table-list').height() / 20);
            },

        });

    });
}

